<!doctype html>
<html>
<body>

  <h2>Params</h2>
  <form>
    Depth:
    <input type="number" name="depth" placeholder="depth" value="9">
    <br>
    <button>Apply</button>
  </form>

  <h2>Render3 Tree Benchmark</h2>
  <p>
    <button id="destroyDom">destroyDom</button>
    <button id="createDom">createDom</button>
    <button id="detectChanges">detectChanges</button>
    <button id="updateDomProfile">profile updateDom</button>
    <button id="createDomProfile">profile createDom</button>
    <button id="detectChangesProfile">profile detectChanges</button>
  </p>

  <div>
    Change detection runs:<span id="numberOfChecks"></span>
  </div>
  <div>
    <tree id="root"></tree>
  </div>

  <script>
    // TODO(mlaval): remove once we have a proper solution
    ngDevMode = false;
    var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
      || '../../bootstrap_ng2.js';
    document.write('<script src="' + mainUrl + '">\u003c/script>');
  </script>
</body>
</html>
